<template>
  <section class="container">
      // 左边容器
      <section class="menu">   
        <menus></menus>
      </section>
      // 右边的容器
      <section class="content-container">   
        <todo></todo>
      </section>
  </section>
</template>
<script>
  import menus from './menus';   // * 导入刚才我们创建的 menus组件
  import todo from './todo';
  export default {
    components: {   // * 注册menus组件，让其可以在template调用
      menus,
      todo
    }
  };
</script>
<style lang="less">
  @import '../common/style/layouts.less';
</style>
